//2.新建入口js文件main.js 导入mathUtils.js文件并调用
console.log("03-webpack的loader")
const {add,mul} = require('./js/mathUtils.js')
console.log(add(10,20))
console.log(mul(10,20))


//3.使用es6语法导入
import info from './js/info.js'
console.log(info.name)
console.log(info.age)

//4.依赖css文件
require('./css/normal.css')

//5.依赖less文件
require('./css/special.less')
document.writeln("hello,zzzz!")



//然后 webpack3 使用
//webpack ./src/main.js ./dist/bundle.js

//package.json scripts 加入webpack 也可以使用
//npm run build

//安装css-loader
//npm install --save-dev css-loader@3.2.0 

//安装使用style-loader
//npm install --save-dev style-loader@1.0.0

//安装使用less-loader
//npm install --save-dev less-loader@5.0.0 less@3.10.3

//安装使用url-loader处理图片
//npm install --save-dev url-loader@2.2.0

//安装使用file-loader处理图片
//npm install --save-dev file-loader@4.2.0

//安装ES6语法处理
//直接在package.json添加 npm install
/* 
"babel-core": "^6.26.3",
"babel-loader": "^7.1.5",
"babel-preset-es2015": "^6.24.1",
*/

//15.4 webpack的vue 待学习